<template>
  <div class="hello">
   <el-table
            :data="tableData"
            border
            style="width: 80%">
            <el-table-column
                border
                prop="ID"
                label="ID"
                width="180">
            </el-table-column>
            <el-table-column
                prop="type"
                label="课程类型"
                width="180">
            </el-table-column>
            <el-table-column
                prop="name"
                label="课程名称"
                width="180">
            </el-table-column>
            <el-table-column
                prop="desc"
                label="课程描述"
                width="180">
            </el-table-column>
            
            <el-table-column>
                <template slot-scope="scope">
                    <el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除 </el-button>
                </template>
            </el-table-column>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  }
}
</script>

